#background{
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	height:100%;
	width:100%;
	overflow:hidden;
	background: url("../../images/game/game_bg.png") no-repeat;
	background-size: 100% 100%;
}
.tree{
	position:absolute;
	left:100%;
	top:-50%;
	height:200%;
}
.before,.after{
	display:block;
	position:absolute;
	left:0;
	width:100%;
	height:-webkit-calc( 50% - 80px );
	height:calc(50% - 80px);
	/*min-height: 1rem;*/
	/*background-color:#ccc;
	background:-webkit-linear-gradient(left,#42D76F,#14A440);
	background:-moz-linear-gradient(left,#42D76F,#14A440);
	background:linear-gradient(left,#42D76F,#14A440);*/
	/*background: url(../img/3.png) no-repeat;
	background-size: 100% 100%;*/
}
.after{
	top:0;
	/*background: url(../img/2.png) no-repeat;
	background-size: 100% 100%;*/
}
.before{bottom:0;}
.mid{
	width: 5.6rem;
	height: 2.8rem;
	position: absolute;
	left: -42%;
	top: 48%;
}
.add-sorce{
	position: absolute;
	top: 43%;
    left: 92%;
	color: #fdb071;
}
#bird{
	width: 3.3rem;
	margin:0 auto;
	height:100%;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.the-bird{
	position:absolute;
	top: 12.3rem;
	left: 0;
	width: 3.3rem;
	height: 1.86rem;
	background:url(../../images/game/airship.png) no-repeat 0 0;
	background-size:100%;
}
#start-text{
	width: 11.76rem;
	height: 5.04rem;
	position: absolute;
	left: 50%;
	top: 5.7rem;
	margin-left: -5.88rem;
}
#start-text>img{
	width: 11.76rem;
	height: 5.04rem;
}
.start-btn{
	width: 4.36rem;
	height: 1.58rem;
	display: inline-block;
	position: absolute;
	top: 16.3rem;
	left: 50%;
	margin-left: -2.18rem;
}
.rule-text{
	position: absolute;
	width: 11.4rem;
	height: 2.38rem;
	left: 50%;
	bottom: 1.6rem;
	margin-left: -5.7rem;
}
#text{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:9999;
}
#counter{
	position:absolute;
	top:20px;
	left:20px;
	font-weight:bold;
	font-size:50px;
	color:#fff;
}
#start{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	text-align:center;
	color:#EF4621;
	font-size:100px;
	font-weight:bold;
}
#gameover{
	position:absolute;
	color:#fff;
	width:100%;
	height: 100%;
	left:0;
	top:0;
	text-align:center;
	display: none;
}
#gameover h1{
	font-size:100px;
	color:#EF4621;
}
#author{
	position:absolute;
	right:10px;
	top:10px;
	color:#fff;
	font-size:14px;
}
#author a{
	color:#fff;
	font-weight:bold;
}
#user-list{
	position:absolute;
	left:10px;
	top:140px;
	list-style:none;
}
#user-list:before{
	content: 'Top30';
	color: #FFF;
}
#user-list:after{
	content: 'online:'attr(total);
	display: block;
	position: absolute;
	top: 0;
	left: 100px;
	color: #FFF;
}
#user-list li{
	overflow:hidden;
	color:#fff;
	margin-bottom:2px;
}
.score{
	float:left;
	background:#777;
	display:block;
	width:30px;
	text-align:center;
}
.city{color:#666;}
.ip{
	float:left;
	padding:1px 3px;
	background:rgba(0,0,0,.1);
}
#toast{
	position: absolute;
	display:none;
	top: 122px;
	left: 50px;
	background: #E55;
	padding: 2px 5px;
	color: #FFF;
	box-shadow: 1px 1px #333;
}